</html>

<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
   <title>Index</title>

   <script src="./js/jquery-1.8.3.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <link rel="stylesheet" href="./layui/css/layui.css">
   <link rel="stylesheet" href="./css/iconfont.css">
   <link rel="stylesheet" href="./css/animate.css">
   <link rel="stylesheet" href="./css/swiper.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/index.css">
   <script src="./js/wow.min.js"></script>
   <script type="text/javascript" src="./js/clipboard.min.js"></script>
   <script type="text/javascript" src="./layui/layui.js"></script>
</head>

<body>
   <header class="headerpage " data-load="header"></header>
   <main class="user_page  ">
      <section class="">
         <div class="layui-main">
            <div class="user_con">
               <div class="user_headpage" data-load="active_header"></div>
               <div class="right_main ">

                  <p class="ft24 mb10 ft-bold">活動列表</p>
                  <p class="ft14 gary_c9 mb20 ft-bold">你可以在這裡管理跟 ACCUPASS 帳號有關的所有設定。</p>
                  <div class="block_com mb20">
                     <div class="d-flex al-c">
                        <div class="user_img mr15" style="width: 0.5rem;">
                           <img src="images/user3.png">
                        </div>
                        <p class="ft18 ft-bold">JIANGHAN</p>
                     </div>

                  </div>
                  <div class="block_com mb20">
                     <p class="ft18 ft-bold mb30">活動摘要</p>
                     <from class="layui-form">
                        <div class="ticket_ul2 ar_table">
                           <table class="layui-table tac al_table ft-bold" lay-skin="nob">
                              <colgroup>

                                 <col width="180">
                                 <col width="">
                                 <col width="150">
                                 <col width="150">
                                 <col width="120">
                              </colgroup>
                              <thead>
                                 <tr>
                                    <th>
                                       <div class="tac">日期</div>
                                    </th>
                                    <th>
                                       <div class="tac">名稱</div>
                                    </th>
                                    <th>
                                       <div class="tac">已付款 / 已報名</div>
                                    </th>
                                    <th>
                                       <div class="tac">報名人數上限</div>
                                    </th>
                                    <th>
                                       <div class="tac">狀態</div>
                                    </th>
                                 </tr>
                              </thead>
                              <tbody>
                                 <tr>
                                    <td>
                                       09.27
                                    </td>
                                    <td>
                                       <div class="d-flex al-c td_label">
                                          <div class="status mr8"></div>
                                          <div>
                                             <p class="ft13">werwe</p>
                                          </div>
                                       </div>
                                    </td>
                                    <td>
                                       0/0
                                    </td>
                                    <td>
                                       10
                                    </td>
                                    <td>
                                       已結束<br>非公開
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>
                                       09.27
                                    </td>
                                    <td>
                                       <div class="d-flex al-c td_label">
                                          <div class="status mr8"></div>
                                          <div>
                                             <p class="ft13">werwe</p>
                                          </div>
                                       </div>
                                    </td>
                                    <td>
                                       0/0
                                    </td>
                                    <td>
                                       10
                                    </td>
                                    <td>
                                       已結束<br>非公開
                                    </td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>

                     </from>
                  </div>
                  <ul class="layui-row layui-col-space20 ul_height">
                     <li class="layui-col-md6 layui-col-xs12">
                        <div class="item block_com">
                           <p class="ft18 ft-bold mb30">活動摘要</p>
                           <dl class="alt_ul1">
                              <dd>
                                 <a class="item" href="">
                                    <div class="layui-elip t1">這樣玩最 Chill！10 個中秋團康遊戲提案，活絡團圓時光！</div>
                                    <div class="t2">2024.01.06</div>
                                 </a>
                              </dd>
                              <dd>
                                 <a class="item" href="">
                                    <div class="layui-elip t1">這樣玩最 Chill！10 個中秋團康遊戲提案，活絡團圓時光！</div>
                                    <div class="t2">2024.01.06</div>
                                 </a>
                              </dd>
                              <dd>
                                 <a class="item" href="">
                                    <div class="layui-elip t1">這樣玩最 Chill！10 個中秋團康遊戲提案，活絡團圓時光！</div>
                                    <div class="t2">2024.01.06</div>
                                 </a>
                              </dd>
                              <dd>
                                 <a class="item" href="">
                                    <div class="layui-elip t1">這樣玩最 Chill！10 個中秋團康遊戲提案，活絡團圓時光！</div>
                                    <div class="t2">2024.01.06</div>
                                 </a>
                              </dd>
                              <dd>
                                 <a class="item" href="">
                                    <div class="layui-elip t1">這樣玩最 Chill！10 個中秋團康遊戲提案，活絡團圓時光！</div>
                                    <div class="t2">2024.01.06</div>
                                 </a>
                              </dd>
                           </dl>
                           <div class="text-align-right mt10">
                              <a href="" class="ft12 gary_c9 orange_c ">更多</a>
                           </div>
                        </div>

                     </li>
                     <li class="layui-col-md6 layui-col-xs12">
                        <div class="item block_com d-flex flex-column">
                           <p class="ft18 ft-bold mb30">你管理的主辦單位</p>
                           <dl class="alt_ul1 flex-1">
                              <dd>
                                 <a class="item" href="">
                                    <div class="layui-elip t1">JIAHGNA</div>

                                 </a>
                              </dd>
                              <dd>
                                 <a class="item" href="">
                                    <div class="layui-elip t1">JIAHGNA</div>

                                 </a>
                              </dd>

                           </dl>
                           <div class="text-align-right mt10">
                              <a href="" class="ft12 gary_c9 orange_c "><i
                                    class="mr5 layui-icon layui-icon-add-circle-fine"></i> 建立新主办</a>
                           </div>
                        </div>

                     </li>
                  </ul>
               </div>
            </div>
         </div>
      </section>
   </main>

</body>
<script src="./js/index.js"></script>
<script>
   $(document).on('click', '[data-btn="select"]', function () {
      var disabled = $(this).attr('data-status')
      if (disabled == 'disabled') {
         return;
      }
      $(this).toggleClass('icon-selected')
   })
</script>

</html>